<template>
<!-- 头部导航栏 -->
  <div class="nav-box">
    <el-row type="flex">
      <el-col :span="3">
        <slot name="icon"></slot>
      </el-col>
      <el-col :span="18">
        <slot name="input"></slot>
      </el-col>
      <el-col :span="3">
        <slot name="login"></slot>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
    data() {
        return {
            input: ''
        }
    }
};
</script>

<style scoped>
.nav-box{
    background-color: #f53f3f;
}
.el-row{
    height: 44px;
}
.el-col-3{
    display: flex;
    justify-content: center;
    align-items: center;
}

</style>